﻿<%@page contentType="text/html" pageEncoding="UTF-8" %>
<%@page import="com.zaofan.bean.Admin" %>
<%@page import="com.zaofan.bean.AdminType" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%
    String contextPath = request.getContextPath();
    Admin admin = (Admin) session.getAttribute("admin");
    if (admin == null) {
        response.sendRedirect(contextPath + "/login.jsp?state=" + "session-invalid");
        return;
    }
    if (admin.getType() != AdminType.admin.ordinal() && admin.getType() != 4) {
        response.sendRedirect(contextPath + "/login.jsp?state=" + "session-invalid");
        return;
    }
%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>推广人员列表</title>
    <link href="<%=contextPath%>/admin/css/base.css" rel="stylesheet"/>
    <link href="<%=contextPath%>/admin/assets/css/bootstrap.min.css"
          rel="stylesheet"/>
    <link rel="stylesheet"
          href="<%=contextPath%>/admin/assets/css/font-awesome.min.css"/>
    <!--[if IE 7]>
    <link rel="stylesheet" href="<%=contextPath%>/admin/assets/css/font-awesome-ie7.min.css"/>
    <![endif]-->
    <link rel="stylesheet"
          href="<%=contextPath%>/admin/assets/css/ace.min.css"/>
    <link rel="stylesheet"
          href="<%=contextPath%>/admin/assets/css/ace-rtl.min.css"/>
    <link rel="stylesheet"
          href="<%=contextPath%>/admin/assets/css/ace-skins.min.css"/>
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="<%=contextPath%>/admin/assets/css/ace-ie.min.css"/>
    <![endif]-->
    <script src="<%=contextPath%>/admin/assets/js/ace-extra.min.js"></script>
    <!--[if lt IE 9]>
    <script src="<%=contextPath%>/admin/assets/js/html5shiv.js"></script>
    <script src="<%=contextPath%>/admin/assets/js/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet"
          href="<%=contextPath%>/admin/assets/css/jquery-ui-1.10.3.custom.min.css"/>
    <link rel="stylesheet"
          href="<%=contextPath%>/admin/assets/css/chosen.css"/>
    <script type="text/javascript">
        var contextPath = '<%=contextPath%>';
    </script>
</head>
<body style="background-color: #fff;">
<div class="breadcrumbs" id="breadcrumbs">
    <script type="text/javascript">
        try {
            ace.settings.check('breadcrumbs', 'fixed')
        } catch (e) {
        }
    </script>
    <ul class="breadcrumb" style="padding: 20px; color: #3a87ad;">
    </ul>
</div>


<div id="adEditBox"
     style="display: none; z-index: 99; width: 600px; position: fixed; left: 15%; top: 5%; border: 1px solid #ccc; border-radius: 4px !important;">
    <div class="arrow"></div>
    <div class="popover-inner" style="">
        <h3 class="popover-title" id="">人员增加</h3>
        <div class="popover-content" id="" style="background-color: #F5F5F5;">
            <form class="form-horizontal" style="padding-top: 10px;"
                  method="get" id="adForm" enctype="multipart/form-data">
                <input type="hidden" id="id" name="id" value="" />

                <div class="form-group">
                    <label for="" class="col-sm-2 control-label">姓名：</label>
                    <div class="col-sm-9">
                        <input class="form-control" name="qr_code_desc" id="qr_code_desc"></input>
                    </div>
                    <span class="input_tip" style="line-height: 30px;">*</span>
                </div>
                <div class="form-group">
                    <label for="" class="col-sm-2 control-label">性别：</label>
                    <div class="col-sm-9">
                        <input class="form-control" name="sex" id="sex"></input>
                    </div>
                    <span class="input_tip" style="line-height: 30px;">*</span>
                </div>
                <div class="form-group">
                    <label for="" class="col-sm-2 control-label">电话：</label>
                    <div class="col-sm-9">
                        <input class="form-control" name="qr_code_id" id="qr_code_id"></input>
                    </div>
                    <span class="input_tip" style="line-height: 30px;">*</span>
                </div>

                <div class="form-group">
                    <label for="" class="col-sm-2 control-label">基本工资：</label>
                    <div class="col-sm-9">
                        <input class="form-control" name="salary" id="salary"></input>
                    </div>
                    <span class="input_tip" style="line-height: 30px;">*</span>
                </div>

                <div class="form-group">
                    <label for="" class="col-sm-2 control-label">工作经验：</label>
                    <div class="col-sm-9">
                        <input class="form-control" name="exp" id="exp"></input>
                    </div>
                    <span class="input_tip" style="line-height: 30px;">*</span>
                </div>

                <div class="form-group">
                    <label for="" class="col-sm-2 control-label">级别：</label>
                    <div class="col-sm-9">
                        <input class="form-control" name="rank" id="rank"></input>
                    </div>
                    <span class="input_tip" style="line-height: 30px;">*</span>
                </div>

                <div class="form-group">
                    <label for="" class="col-sm-2 control-label">销售目标：</label>
                    <div class="col-sm-9">
                        <input class="form-control" name="target" id="target"></input>
                    </div>
                    <span class="input_tip" style="line-height: 30px;">*</span>
                </div>



            </form>
        </div>
        <div class="popover-footer"
             style="background-color: #F5F5F5; overflow: hidden; text-align: center;">
            <button type="button" class="btn btn-primary"
                    style="padding: 0px; margin: 0px 5px 5px 0px;" id="cancel">
                <i class="icon-ok"></i>取消
            </button>
            <button type="button" class="btn btn-danger"
                    style="padding: 0px; margin: 0px 5px 5px 0px;" id="save">
                <i class="icon-edit"></i>保存
            </button>

        </div>
    </div>
</div>


<div class="page-content">
    <div class="row" style="height: 100%">


        <div class="col-xs-12">
            <style>
                .table-responsive table th tr {
                    text-align: center;
                }
            </style>
            <div class="table-responsive">

                <input type="hidden" value="1" id="start"/>
                <button id="addAd" class='btn btn-primary btn-xs btn_do'>新增</button>

                <table id="sample-table-2"
                       class="table table-striped table-bordered table-hover">
                    <thead>
                    <tr>
                        <th style="text-align: center;">编号</th>
                        <th style="text-align: center;">姓名</th>
                        <th style="text-align: center;">性别</th>
                        <th style="text-align: center;">电话</th>
                        <th style="text-align: center;">基本工资</th>
                        <th style="text-align: center;">工作经验</th>
                        <th style="text-align: center;">级别</th>
                        <th style="text-align: center;">销售目标</th>
                        <th style="text-align: center;">操作</th>
                    </tr>
                    </thead>
                    <tbody id="data-list" style="text-align: center;">
                    </tbody>
                </table>
            </div>
        </div>
        <!-- /.col -->
    </div>
    <!-- /.row -->

</div>
<div id="loading"
     style="width: 32px; height: 32px; position: fixed; left: 40%; top: 40%; display: none;">
    <img src="<%=contextPath%>/admin/assets/css/images/loading.gif"
         width="32" height="32"/>
</div>
<div class="popover"
     style="z-index: 9999; width: 150px; position: fixed; left: 40%; top: 40%;">
    <div class="arrow"></div>
    <div class="popover-inner">
        <h3 class="popover-title">操作提示</h3>
        <div class="popover-content" id="popover-content">
            <p>操作成功</p>
        </div>
    </div>
</div>

<script type="text/javascript">
    if ("ontouchend" in document)
        document
                .write("<script src='<%=contextPath%>/admin/assets/js/jquery.mobile.custom.min.js'>" + "<" + "/script>");
</script>
<script type="text/javascript">
    window.jQuery
    || document
            .write("<script src='<%=contextPath%>/admin/assets/js/jquery-2.0.3.min.js'>"
                    + "<" + "script>");
</script>

<!--[if IE]>
<script type="text/javascript">
    window.jQuery || document.write("<script src='<%=contextPath%>/admin/assets/js/jquery-1.10.2.min.js'>" + "<" + "script>");
</script>
<![endif]-->
<script type="text/javascript">
    if ("ontouchend" in document)
        document
                .write("<script src='<%=contextPath%>/admin/assets/js/jquery.mobile.custom.min.js'>"
                        + "<" + "script>");
</script>
<script src="<%=contextPath%>/admin/assets/js/bootstrap.min.js"></script>
<script src="<%=contextPath%>/admin/assets/js/typeahead-bs2.min.js"></script>

<!--[if lte IE 8]>
<script src="assets/js/excanvas.min.js"></script>
<![endif]-->
<script
        src="<%=contextPath%>/admin/assets/js/jquery-ui-1.10.3.custom.min.js"></script>
<script
        src="<%=contextPath%>/admin/assets/js/jquery.ui.touch-punch.min.js"></script>
<script src="<%=contextPath%>/admin/assets/js/jquery.slimscroll.min.js"></script>
<script
        src="<%=contextPath%>/admin/assets/js/jquery.easy-pie-chart.min.js"></script>
<script src="<%=contextPath%>/admin/assets/js/jquery.sparkline.min.js"></script>
<script src="<%=contextPath%>/admin/assets/js/ace-elements.min.js"></script>
<script src="<%=contextPath%>/admin/assets/js/ace.min.js"></script>
<script src="<%=contextPath%>/admin/js/common.js"></script>
<script src="<%=contextPath%>/admin/assets/js/jquery-form.js"></script>
<script
        src="<%=contextPath%>/admin/assets/js/jquery.dataTables.bootstrap.js"></script>
<script
        src="<%=contextPath%>/admin/assets/js/jquery.dataTables.bootstrap.js"></script>
<script
        src="<%=contextPath%>/admin/assets/js/date-time/bootstrap-datepicker.min.js"></script>


<script type="text/javascript">
    getData();

    function getData() {

        $("#loading").show();
        $.ajax({
            url: contextPath + '/m/QRCode/memberlist',
            type: "POST",
            dataType: 'json',
            success: function (rs) {

                if (rs.success) {
                    var data = rs.data;

                    var dataList = $("#data-list");
                    dataList.empty();

                    if (data.length > 0) {
                        parseData(data);
                    } else {
                        showMessage("无数据");
                    }
                } else {
                    showMessage("获取数据失败,请稍后再试");
                }
                $("#loading").hide();

            },
            error: function () {
                $("#loading").hide();
                showMessage("请稍后再试");
            }
        });
    }

    function parseData(data) {
        var dataList = $("#data-list");
        var tr = "";
        for (var i = 0; i < data.length; i++) {

            var dataitem = {
                id:data[i].id,
                qr_code_desc:data[i].qr_code_desc,
                sex:data[i].sex,
                qr_code_id:data[i].qr_code_id,
                salary:data[i].salary,
                exp:data[i].exp,
                rank:data[i].rank,
                target:data[i].target
            }

            dataitem =  JSON.stringify(dataitem);




            tr += '<tr>';
            tr += '<td>' + data[i].id + '</td>';
            tr += '<td>' + data[i].qr_code_desc + '</td >';
            tr += '<td>' + data[i].sex + '</td>';
            tr += '<td>' + data[i].qr_code_id + '</td>';
            tr += '<td>' + data[i].salary + '</td>';
            tr += '<td>' + data[i].exp + '</td>';
            tr += '<td>' + data[i].rank + '</td>';
            tr += '<td>' + data[i].target + '</td>';
            tr += '<td><button  datas= ' + dataitem + '  class="btn btn-primary btn-xs edit_btn">编辑</button><button  datas= ' + data[i].id + '  class="btn btn-danger btn-xs delete_btn">删除</button></td>';
            tr += '</tr>';

        }

        dataList.append(tr);

        $(".edit_btn").bind("click",function () {

            $("#adEditBox").show();
            var data =  $(this).attr("datas");
            data = JSON.parse(data);
            $("#id").val(data.id);
            $("#qr_code_desc").val(data.qr_code_desc);
            $("#sex").val(data.sex);
            $("#qr_code_id").val(data.qr_code_id);
            $("#salary").val(data.salary);
            $("#exp").val(data.exp);
            $("#rank").val(data.rank);
            $("#target").val(data.target);

        })
        
        $(".delete_btn").bind("click",function () {
            var isdelete = confirm("确定删除吗");
            var id = $(this).attr("datas");
            if(isdelete==true){
                $("#loading").show();
                 $.ajax({
                     type: "GET",
                     url: contextPath + '/m/QRCode/deletemember',
                     dataType: 'json',
                     data:{id:id},
                     success:function (data) {
                         if (data.success) {
                             showMessage(data.msg);
                             setTimeout(function () {
                                 getData(1);
                             }, 2000);
                         } else {
                             showMessage(data.msg);
                         }
                         $("#loading").hide();
                     },
                     error: function (msg) {
                         $("#loading").hide();
                         showMessage("操作失败");
                     }
                 })
            }
        })
    }




    $("#addAd").bind("click", function () {
        $("#adEditBox").show();




        $("#id").val("");
        $("#qr_code_desc").val("");
        $("#sex").val("");
        $("#qr_code_id").val("");
        $("#salary").val("");
        $("#exp").val("");
        $("#rank").val("");
        $("#target").val("");

    });

    $("#cancel").bind("click", function () {
        $("#adEditBox").hide();
        $("#id").val("");
        $("#qr_code_desc").val("");
        $("#sex").val("");
        $("#qr_code_id").val("");
        $("#salary").val("");
        $("#exp").val("");
        $("#rank").val("");
        $("#target").val("");
    });

    $("#save").bind("click", function () {

        var action ;

        if ($("#id").val()=="" || $("#id").val() ==null){
            action='/m/QRCode/addmember';
        }else{
            action='/m/QRCode/editmember';
        }


        if ($("#qr_code_desc").val() == "") {
            showMessage("请输入姓名!!!");
            return;
        }
        if ($("#sex").val() == "") {
            showMessage("请输入性别!!!");
            return;
        }
        if ($("#qr_code_id").val() == "") {
            showMessage("请输入手机!!!");
            return;
        }
        if ($("#salary").val() == "") {
            showMessage("请输入基本工资!!!");
            return;
        }
        if ($("#exp").val() == "") {
            showMessage("请输入工作经验!!!");
            return;
        }
        if ($("#rank").val() == "") {
            showMessage("请输入等级!!!");
            return;
        }
        if ($("#target").val() == "") {
            showMessage("请输入销售目标!!!");
            return;
        }
        $("#qr_code_desc").val(encodeURI($("#qr_code_desc").val()));
        $("#sex").val(encodeURI($("#sex").val()));
        $("#salary").val(encodeURI($("#salary").val()));
        $("#exp").val(encodeURI($("#exp").val()));
        $("#rank").val(encodeURI($("#rank").val()));
        $("#target").val(encodeURI($("#target").val()));


        $("#loading").show();
        $("#adForm").ajaxSubmit({
            type: "GET",
            url: contextPath + action,
            dataType: 'json',
            success: function (data) {
                if (data.success) {
                    showMessage(data.msg);

                    $("#adEditBox").hide();
                    $("#id").val("");
                    $("#qr_code_desc").val("");
                    $("#qr_code_id").val("");
                    $("#sex").val("");
                    $("#salary").val("");
                    $("#exp").val("");
                    $("#rank").val("");
                    $("#target").val("");
                    setTimeout(function () {
                        getData(1);
                    }, 2000);
                } else {
                    showMessage(data.msg);
                }
                $("#loading").hide();
            },
            error: function (msg) {
                $("#loading").hide();
                showMessage("操作失败");
            }
        });
    });



</script>
</body>
</html>